<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>延长石油-子长采油厂</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/style.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
</head>
<body>
<div class="container">
    <div class="row" style="display: flex;background: #343a40;">
        <ul class="logoLeft">
            <img src="../img/logo.png" alt="" height="62px;">
            <h3 style="width: 227px;margin-left: 20px;">延长油田-子长采油厂</h3>
        </ul>
        <div style="justify-content: center;width: 100%;display: flex">
            <ul class="navList" style="margin-left: -200px;">
                <li value="2" class="active">采油厂年度任务</li>
                <li value="3">采油厂年度原油交售</li>
                <li value="1">采油队月度任务</li>
                <li value="4">单井月完成情况</li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6" style="border: 2px dashed #343a40;border-top: none;">
            <div id="timeCharts" style="min-height: 500px;"></div>
        </div>
        <div class="col-lg-6" style="border: 2px dashed #343a40;border-top: none;">
            <div id="editorCharts" style="min-height: 500px;"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4" style="border: 2px dashed #343a40;">
            <div id="oilProductionMonthMeasure" style="min-height: 500px;"></div>
        </div>
        <div class="col-lg-4" style="border: 2px dashed #343a40;">
            <div id="editorCharts2" style="min-height: 500px;"></div>
        </div>
        <div class="col-lg-4" style="border: 2px dashed #343a40;">
            <div id="oilProductionMonthMeasure2" style="min-height: 500px;"></div>
        </div>
    </div>
    <div class="row" style="margin: 10px 0;">
        <label>采油站：</label>
        <select class="js-example-basic-single col-sm-2" id="changePro">
            <option value="1">秦家塌采油站</option>
            <option value="2">张家湾采油站</option>
        </select>
    </div>
    <div class="row">
        <div class="col-lg-4" style="border: 2px dashed #343a40;">
            <div id="productionMonthTask" style="min-height: 500px;"></div>
        </div>
        <div class="col-lg-4" style="border: 2px dashed #343a40;">
            <div id="productionMonthTaskTotal" style="min-height: 500px;"></div>
        </div>
        <div class="col-lg-4" style="border: 2px dashed #343a40;">
            <div id="productionMonthTask2" style="min-height: 500px;"></div>
        </div>
    </div>
</div>

<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/echarts.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script src="../js/index.js"></script>
</body>
</html>